@charset "utf-8";

/* CSS Document */


/*================================准备三步==================================*/


/*==================清样式========================*/

body,
h1,
h2,
h3,
h4,
h5,
h6,
a,
img,
input,
ul,
ol,
dl,
li,
dt,
dd,
p {
	padding: 0;
	margin: 0;
}

ul,
ol {
	list-style: none;
}

input {
	outline: none;
}

img {
	border: 0;
	display: block;
}


/*==================文本三属性========================*/

body {
	font: 14px/1.5 "微软雅黑";
	color: #333;
	background: #fff;
	width: 100%;
}


/*==================超链接========================*/

a {
	text-decoration: none;
	color: #909090;
}

a:hover {
	text-decoration: underline;
	cursor: pointer;
}


/*=====================通用样式==========================*/

.w {
	margin: 0 auto;
}

.l {
	float: left;
}

.r {
	float: right;
}


/*---------------------header------------------------*/

#header {
	width: 1260px;
	height: 31px;
	background: #eee;
	font-size: 12px;
	line-height: 30px;
	margin: 0 auto;
}

#header .pull-left {
	height: 31px;
	color: #a0a09e;
}

#header .pull-left .post {
	width: 70px;
	height: 31px;
	padding: 0 10px;
	overflow: hidden;
	cursor: pointer;
}
#header .pull-left .post .post-pic{
	display: inline-block;
	height:31px;
	width: 14px;
	background: url("../img/header-post.jpg") no-repeat 0;
}
#header .pull-left .post a.first{
	padding:0 14px 0 5px;
	width: 35px;
	background: url("../img/header-arrow.jpg") no-repeat 40px;
	display: block;
	color: #a0a09e;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;	
}
#header .pull-left .post .select{
	width: 275px;
	height:360px;
	overflow: auto;	
	position:absolute;
	top:31px;
	left:0;
	z-index: 1;
	background: #fff;
	padding:10px;
	display: none;
	box-shadow: 0 10px 15px rgba(175,175,175,0.75);
}

#header .pull-left .post .select h5 {
	color:#999;
	font-size:14px;
	padding: 10px 5px;
}

#header .pull-left .post .select .select-top{
	width: 260px;
	height:30px;
	background: #eee;
}

#header .pull-left .post .select .select-top li{
	padding:0 5px;
	font-size: 14px;
	color: #555;
}

#header .pull-left .post .select .select-top li a:hover{
	color:#64a131;
}

#header .pull-left .post .select .select-down li{
	font-size: 14px;
	padding:0 5px;	
	border-bottom:1px solid #eee;
}

#header .pull-left .post .select .select-down li a{
	color:#555;
	display: block;
	width: 260px;
}
#header .pull-left .post .select .select-down li a span{
	width: 30px;
	height:30px;
	background: url("../img/icons.png") no-repeat -118px -220px;
}

#header .pull-left .post .select .select-down li a:hover{
	color: #64a131;
	background-position:-118px -182px;
	text-decoration:none;
	background: #eee;
}
#header .pull-left .post .select .select-down li a:hover span{
	background: url("../img/icons.png") no-repeat -118px -182px;
	text-decoration:none;
}
#header .pull-left .post .select .select-down .city{
	width: 260px;
	display: none;
}
#header .pull-left .post .select .select-down .city a{
	display: block;
	padding:0 10px;
	border-top: 1px dashed #eee;
}



#header .pull-left .exp {
	color: #87af6d;
	cursor: pointer;
}

#header .pull-right {
	height: 31px;
	color: #a0a09e;
}
#header .pull-right a:hover{
	color:#f6ab00 ;
}

#header .pull-right li {
	padding: 0 8px;
	position: relative;
	height:31px;
}

#header .pull-right li img {
	display: inline-block;
	margin-right: 3px;
	margin-bottom: -2px;
}

#header .pull-right .pull-right-news{
	width: 210px;
	max-height: 145px;
	padding:10px 15px 5px;
	background: #fff;
	position: absolute;
	top: 31px;
	right: 0px;
	font-size: 12px;
	z-index: 1;
	display: none;
	box-shadow: 0 10px 15px rgba(175,175,175,0.75);
}
#header .pull-right .pull-right-news ul{
	margin-bottom: 5px;
}	
#header .pull-right .pull-right-news ul li{
	width: 100%;
	height:36px;
	line-height: 36px;
	border-bottom: 1px dashed #ddd;
	
}
#header .pull-right .pull-right-news ul li a{
	color: #555;
}
#header .pull-right .pull-right-news ul li a:hover{
	text-decoration: none;
	color:#64a131 ;
}
#header .pull-right .pull-right-news ul li strong{
	display: inline-block;
	background: #f00;
	color: #fff;
	padding:0 3px;
	margin-left: 3px;
	height:16px;
	line-height: 16px;
	border-radius: 3px;
	text-align: center;
	
}

#header .pull-right .pull-right-news div{
	text-align: center;
}
#header .pull-right .pull-right-news div a{
	color: #64a131;
}

#header .pull-right .pull-right-phone{
	width: 260px;
	height: 275px;
	padding:10px 15px 5px;
	background: #fff;
	position: absolute;
	top: 31px;
	right: 0px;
	font-size: 12px;
	z-index: 1;
	display: none;
	box-shadow: 0 10px 15px rgba(175,175,175,0.75);
}
#header .pull-right .pull-right-phone div{
	height:30px;
	line-height:30px;
	text-align: center;
	color: #555555;
}
#header .pull-right .pull-right-phone div a{
	color: #64A131;
}
#header .pull-right .pull-right-phone dl{
	width: 260px;
	height:118px;
	margin-bottom:10px ;
	border-bottom: 1px solid #eee;
}
#header .pull-right .pull-right-phone dt{
	width: 100px;
	height: 100px;
}
#header .pull-right .pull-right-phone dt img{
	width: 100%;
	height: 100%;
}
#header .pull-right .pull-right-phone .one{
	width: 145px;
	height:102px;
	padding-top: 10px;
}
#header .pull-right .pull-right-phone .two{
	color: #555555;
}
#header .pull-right .pull-right-phone .two span{
	width: 145px;
	height:20px;
	margin-top:30px ;
	display: block;
	color:#64A131;
}
/*---------------------nav------------------------*/


/*-------------logo-------------*/

#nav {
	width: 1260px;
	height: 80px;
	background: #fff;
	padding: 20px 0;
	margin: 0 auto;
	box-shadow: 0 8px 8px rgba(230,230,230,0.75);
}

#nav h1 {
	width: 296px;
	height: 74px;
}

#nav h1 a {
	width: 296px;
	height: 74px;
	display: block;
	cursor: pointer;
	background: url("../img/logo.png") no-repeat 0px;
}


/*------------list--------------*/

#nav .nav-list {
	height: 80px;
	padding-left: 40px;
}

#nav .nav-list li {
	height: 80px;
}

#nav .nav-list li.cur {
	position: relative;
}

#nav .nav-list li.cur em {
	border-bottom: 2px solid #64a131;
	position: absolute;
	left: 5%;
	bottom: -18px;
	width: 90%;
}

#nav .nav-list li a {
	display: block;
	height: 40px;
	padding: 0 25px;
	margin: 20px 0;
	text-align: center;
	border-right: 1px solid #eee;
}

#nav .nav-list li a:hover {
	background: #eee;
	text-decoration: none;
}

#nav .nav-list li.cur a {
	color: #64a131;
}

#nav .nav-list li a.last {
	border-right: 0;
}

#nav .nav-list li a span {
	display: block;
}


/*-------------search-------------*/

.search {
	width: 240px;
	height: 80px;
	position:relative;
}

.search .searcharea {
	position:relative;
	width: 180px;
	height: 50px;
	margin-top: 20px;
	font-size: 12px;
}

#search-key {
	position:absolute;
	top:0px;
	border: 0px;
	border-bottom: 1px solid #ccc;
	height: 27px;
	line-height: 27px;
	width: 140px;
}

#search-btn {
	position:absolute;
	top:0px;
	left:140px;
	background: url("../img/fdj.png") no-repeat 0px;
	width: 28px;
	height: 28px;
	border: 0px;
	cursor: pointer;
	border-bottom: 1px solid #ccc;
}
.hotsearch{
	position:absolute;
	top:28px;
	width:180px;
	height:23px;
}
.hotsearch {
	position:absolute;
	top:28px;
}
.shopcar {
	position:absolute;
	top:30px;
	left:190px;	
}
.shopcar .num{
	position:absolute;
	top:-8px;
	left:15px;
	color:#64a131;
}
/*---------------scroll事件-------------------*/
#toolf{
	width: 35px;
	height:109px;
	position:fixed;
	right:0;
	bottom: 15px;
	background: url(../img/kf.png) no-repeat;
	z-index: 1000;
}
#toolf a{
	width: 35px;
	height:35px;
	display: block;
	margin-bottom: 1px;
}

/*---------------------详情--------------------*/
#detail{
	width: 1260px;
	padding-top: 50px;
	overflow: hidden;
}

#detail .detail-top{
	margin-bottom: 20px;
}
#detail .detail-top .fontC{
	color: #64A131;
}
#detail .detail-top .fontC a{
	color: #64A131;
}
#detail .detail-top .goods{
	color:#999;
}
#detail-banner{
	width: 700px;
	height:560px;
	overflow: hidden;
	position:relative ;
}
#detail-banner .smallul{
	width: 140px;
	height:560px;
}
#detail-banner .smallul li{
	margin-bottom: 2px;
}
#detail-banner .smallul li.active{
	opacity:0.5;
	border:1px solid #f00;
}
#detail-banner .smallul img{
	width: 100%;
	height:100%;
}
#detail-banner .bigul{
	height:560px;
	width:560px;
	position: relative;
	overflow: hidden;
}
#detail-banner .bigul ul{
	height:2232px;
	width: 560px;
	position: absolute;
	top: 0;
    left: 0;
}
#detail-banner .bigul li{
	margin-left: 2px;
}
#detail-banner .bigul img{
	height:100%;
	width:100%;
	/*position: absolute;*/
}
#detail .detail-right{
	width: 540px;
	padding-left:20px;
	padding-top: 20px;
	margin-bottom: 50px;
}
#detail .detail-right h3{
	height: 40px;
	line-height: 40px;
	color: #555;
	font-size: 24px;
}
#detail .detail-right .title{
	height: 48px;
	line-height: 48px;
	color: #999;
	font-size: 16px;
}
#detail .detail-right .price-info .price-bg{
	width: 542px;
	height: 35px;
	padding-left:10px;
	padding-top:20px;
	padding-bottom: 20px;
	margin-bottom: 20px;
	margin-right:20px ;
	background: url(../img/icons.png) no-repeat 0 -48px;
}
#detail .detail-right .price-info .price-bg p{
	height: 34px;
	line-height: 34px;
	width: 60px;
	font-size: 14px;	
	color:#999;
}
#detail .detail-right .price-info .price-bg span{
	height: 34px;
	line-height: 34px;
	width: 124px;
	font-size: 24px;
	color:#64A131;
	font-weight: bold;	
}
#detail .detail-right .price-info .price-bg .small-erwei{
	height: 26px;
	width: 56px;
	background: url(../img/icons.png) no-repeat -64px -8px;
	margin-top: 5px;
	position: relative;
}
#detail .detail-right .price-info .price-bg .small-erwei .bigerwei{
	position: absolute;
	bottom: -100px;
	right: 20px;
}
#detail .detail-right .price-info .price-flow{
	margin-bottom: 22px;
	padding-left: 10px;
	overflow: hidden;
}
#detail .detail-right .price-info .price-flow p{
	height: 28px;
	line-height: 28px;
	width: 60px;
	font-size: 14px;	
	color:#999;
}
#detail .detail-right .price-info .price-flow .price-flow-heft span{
	display: block;
	height: 26px;
	padding: 0 20px;
	font-size: 12px;
	text-align: center;
	line-height: 26px;
	border: 1px solid #ccc;
	margin-right: 10px;
	cursor: pointer;
}
#detail .detail-right .price-info .price-flow .price-flow-heft span.border-show{
	background: #64A131;
	color:#fff;

}
#detail .detail-right .price-info .price-send{
	margin-bottom: 22px;
	padding-left: 10px;
	position: relative;
	overflow: hidden;
}
#detail .detail-right .price-info .price-send p{
	height: 28px;
	line-height: 28px;
	width: 60px;
	font-size: 14px;	
	color:#999;
}
#detail .detail-right .price-info .price-send .price-send-area{
	border: 1px solid #ccc;
	padding:5px 20px;
} 
#detail .detail-right .price-info .price-send .price-goods{
	line-height: 28px;
	margin-left: 10px;
	color:#64A131;
} 
#detail .detail-right .price-info .price-num{
	margin-bottom: 30px;
	padding-left: 10px;
	position: relative;
	overflow: hidden;
}
#detail .detail-right .price-info .price-num p{
	height: 28px;
	line-height: 28px;
	width: 60px;
	font-size: 14px;	
	color:#999;
}
#detail .detail-right .price-info .price-num .price-num-area{
	border: 1px solid #ccc;
	height:24px;
	border-radius: 1px;
} 
#detail .detail-right .price-info .price-num .price-num-area .num{
	display: block;
	text-align: center;
	height:24px;
	width: 28px;
	background: #eee;
	color: #999;
	cursor: pointer;
} 
#detail .detail-right .price-info .price-num .price-num-area .num-int{
	height:24px;
	line-height: 24px;
	width: 35px;
	background: #fff;
	border: 0;
	text-align: center;
} 
#detail .detail-right .price-info .price-btn{
	padding-bottom: 20px;
	border-bottom: 1px solid #ccc;
	overflow: hidden;
}
#detail .detail-right .price-info .price-btn .price-btn-left{
	width: 100px;
	height:40px;
	background: #f5ffed;
	border-radius: 4px;
	padding:0 20px;
	margin-left: 70px;
	margin-right: 14px;
	border: 1px solid #64A131;
}
#detail .detail-right .price-info .price-btn .price-btn-left a{
	display: block;
	line-height: 40px;
	vertical-align: middle;
	text-align: center;
	color: #7bae55;
	padding:0 12px;
	text-decoration: none;
}
#detail .detail-right .price-info .price-btn .price-btn-right{
	width: 100px;
	height:40px;
	background: #64A131;
	border-radius: 4px;
	padding:0 20px;

}
#detail .detail-right .price-info .price-btn .price-btn-right a{
	display: block;
	line-height: 40px;
	vertical-align: middle;
	text-align: center;
	color: #fff;
	text-decoration: none;
}
/*--------------------商品详情------------------------*/
.goodsAll{
	width: 1260px;
	margin-top: 27px;
	overflow: hidden;
	padding-bottom: 90px;
	border-bottom: 1px solid #ccc;
}
.goodsAll .goodsAll-left{
	width: 1000px;
	border: 1px solid #ccc;
	background: #f1f1f1;
	border-right: none;
}
.goodsAll .goodsAll-left .goods-content-pic{
	display: block;
}
.goodsAll .goodsAll-left .goods-content-pinglun{
	display: none;
}
#move-title{
	position:static;
	top:0;
	background: #f1f1f1;
	width: 1000px;
}
#move-title span{
	height:39px;
	line-height: 39px;
	font-size: 16px;
	padding:0 38px;
	color:#555;
	text-align: center;
	border-right: 1px solid #ccc;
	cursor: pointer;
	margin-top: -1px;
	
}
#move-title span.cur{
    height: 39px;
    border-top: 3px solid #64a131;
    padding: 0 36px;
    background-color: #ffffff;
    text-align: center;
    line-height: 36px;
}
#move-title a{
	width: 128px;
	height:38px;	
	padding:2px 22px;
	display: block;
	font-size: 16px;
	text-decoration: none;
	text-align: center;
	color: #fff;
	background: #64A131;
	line-height: 38px;
	
}
.goodsAll .goodsAll-right{
	width: 240px;
	padding-left: 19px;
}
.goodsAll .goodsAll-right h5{
	width: 260px;
	height: 40px;
	border-bottom:1px solid #ccc ;
	color:#64A131;
	font-size: 14px;
	font-weight: normal;
	line-height: 40px;
}
/*---------------------footer------------------------*/

#footer {
	width: 100%;
	height: 550px;
	background: #fff;
	overflow: hidden;
}
/*-------------footer-top-------------*/
#footer .footer-top{
	width: 1260px;
	height:67px;
	padding:20px 0;
	border-bottom: 1px solid #ccc;

}
#footer .footer-icon{
	width: 1260px;
	height:60px;
}
#footer .footer-top .footer-icon li{
	width: 314px;
	height:60px;
	border-right: 1px solid #ccc;
}
#footer .footer-top .footer-icon li.last{
	border: 0px;
}
/*-------------footer-center-------------*/
#footer .footer-center{
	width:1260px;
	height:161px;
	padding:20px 0;
	border-bottom: 1px solid #ccc;
}
/*----left----*/
#footer .footer-center .center-left{
	width: 315px;
	height:161px;
	padding:0 85px;
}
#footer .footer-center .center-left .footer-center-logo{
	width: 100%;
	height:82px;
	background: url("../img/logo.png") no-repeat;
}
#footer .footer-center .center-left .footer-center-phone{
	width: 100%;
	height:21px;
	text-align: center;

}
#footer .footer-center .center-left .footer-center-phone img{
	display: inline-block;
}

#footer .footer-center .center-left .footer-center-time{
	font-size:18px ;
	text-align: center;
}
#footer .footer-center .center-left .footer-center-time span{
	color:#999;
	
}

/*----center----*/
#footer .footer-center .center-center{
	width: 350px;
	height:160px;
}
#footer .footer-center .center-center li{
	width: 130px;
	height:160px;
	margin-right:45px;
}
#footer .footer-center .center-center li img{
	width: 130px;
	height:130px;
	margin-bottom:10px;
}
#footer .footer-center .center-center li span{
	display: block;
	width: 130px;
	text-align: center;
	color: #999;
}
/*----right----*/
#footer .footer-center .center-right{
	width: 402px;
	height:160px;
}
#footer .footer-center .center-right li{
	margin-left: 30px;
}
#footer .footer-center .center-right li h4{
	font-size:16px ;
	margin: 15px 0;
}
#footer .footer-center .center-right li a{
	display: block;
	height:30px;
	line-height: 30px;
}
#footer .footer-center .center-right li a:hover{
	color:#64a131
}



/*-------------footer-down-------------*/
#footer .footer-down{
	width: 100%;
	height:200px;
	margin-top: 15px;
	clear:both;
}
#footer .footer-down p{
	text-align: center;
	margin-bottom: 5px;
}
#footer .footer-down p.down-p1{
	color:#999;
}
#footer .footer-down p.down-p2{
	color:#64a131;
}
#footer .footer-down div{
	width: 120px;
	margin: 0 auto;
}

#footer .footer-down div img{
	text-align: center;
	display: inline-block;
	width: 47px;
	height:47px;
	margin-right: 10px;
}

#footer .footer-down div img.pic2{
	text-align: center;
	display: inline-block;
	width: 42px;
	height:47px;
	margin-right: 10px;
}




